$(function () { 
    //调用getUserinfo获取用户基本信息
    getUserInfo()



    //退出的点击事件
    var layer=layui.layer
    $('#btnout').on('click', function () {
        // console.log('ok');
        //提示用户是否确认退出
        layer.confirm('确定退出登录吗？', { icon: 3, title: '提示' }, function (index) {
           //清空本地储存的token
            localStorage.removeItem('token')
           //重新跳转到登录页面
            location.href = '/login.html'
            
            //关闭询问框
            layer.close(index);
        });
        
    })
})

//获取用户基本信息
function getUserInfo() {
    $.ajax({
        type: "get",
        url: "/my/userinfo",
       //请求头配置对象
        // headers: {
        //     Authorization: localStorage.getItem('token')||''
        // },
        success: function (response) {
            console.log(response);
            if (response.status !== 0) {
                return layui.layer.msg('获取用户信息失败！')
            }
            //调用renderAvatar渲染用户头像
            renderAvatar(response.data)
        },
        //无论成功还是失败都调用的complete回调函数
        // complete: function (response) {
        //     console.log('执行了complete函数');
        //     console.log(response);
        //     //在complete回调函数中可以用response.responseJSON拿到服务器响应回来的数据
        //     if (response.responseJSON.status === 1 && response.responseJSON.message === '身份认证失败！') {
        //         //1.强制清空token
        //         localStorage.removeItem('token')
        //         //2.强制跳转到登录页面
        //         location.href='/login.html'
        //     }
        // }
    });
}

function renderAvatar(user) { 
    //1.获取用户昵称
    var name = user.nickname || user.username
    //2.设置欢迎文本
    $('#welcome').html('欢迎&nbsp;&nbsp;' + name)
    //3.渲染用户头像
    if (user.user_pic != null) { 
        //渲染图片头像
        $('.layui-nav-img').attr('src', user.user_pic).show()
        $('.text-avatar').hide()
    } else {
        //渲染文本头像
        $('.layui-nav-img').hide()
        var first = name[0].toUpperCase()
        $('.text-avatar').html(first).show()
    }
}